<template>
    <div>
        <el-dialog title="采购单" :visible.sync="PurchaseNoteShow" width=40% append-to-body>
            <div class="content">
                <table>
                    <tr>
                        <td>sku:</td>
                        <td><el-input placeholder="请输入sku"></el-input></td>
                        <td>采购数量:</td>
                        <td><el-input v-model="PurchaseNoteData.data" placeholder="请输入"></el-input> </td>
                    </tr>
                    <tr>
                        <td>供应商:</td>
                        <td>q2</td>
                        <td>采购单价:</td>
                        <td>q4</td>
                    </tr>
                    <tr>
                        <td>供应商电话:</td>
                        <td>i2</td>
                        <td>采购单价单位:</td>
                        <td>i4</td>
                    </tr>
                    <tr>
                        <td>供应商网络联系方式:</td>
                        <td>w2</td>
                        <td>采购平均每个运费:(=运费÷采购数量)</td>
                        <td>w4</td>
                    </tr>
                    <tr>
                        <td>采购平台链接:</td>
                        <td>e2</td>
                        <td>采购运费单位:</td>
                        <td>e4</td>
                    </tr>
                    <tr>
                        <td>关税税率:</td>
                        <td>r2</td>
                        <td>含运费价:</td>
                        <td>r4</td>
                    </tr>
                    <tr>
                        <td>运单号:</td>
                        <td>t2</td>
                        <td>含运费价单位:</td>
                        <td>t4</td>
                    </tr>
                    <tr>
                        <td>汇率:</td>
                        <td>y2</td>
                        <td>综合成本(日元):</td>
                        <td>y4</td>
                    </tr>
                    <tr>
                        <td>备注:</td>
                        <td>u2</td>
                        <td>u3</td>
                        <td>u4</td>
                    </tr>
              
                </table>
            </div>
        </el-dialog>
    </div>
</template>

<script>
export default {
  activated() {
    this.$nextTick(() => this.$refs['TableRef']?.doLayout())
  },
    data() {
        return {
            PurchaseNoteShow: false,
            PurchaseNoteData:{
                data:'测试数据'
            }
        };
    },

    mounted() {

    },

    methods: {

    },
};
</script>

<style lang="scss" scoped>
table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd !important;
}

table td,
table th {
    border: 1px solid #ddd !important;
    padding: 6px;
}
</style>